<cfsilent><cfparam name="stateID" default="1" />
</cfsilent>
<!doctype html>
<head>
  <meta charset="utf-8">
<title>Chesty The Chess Game</title>
<style type="text/css">
#chess-board a {
	color:#000;
	display:block;
	font-size:60px;
	height:80px;
	position:relative;
	text-decoration:none;
	text-shadow:0 1px #fff;
	width:80px;
}
#chess-board { border:5px solid #333; }
#chess-board td {
	background:#fff;
	background:-moz-linear-gradient(top, #fff, #eee);
	background:-webkit-gradient(linear,0 0, 0 100%, from(#fff), to(#eee));
	box-shadow:inset 0 0 0 1px #fff;
	-moz-box-shadow:inset 0 0 0 1px #fff;
	-webkit-box-shadow:inset 0 0 0 1px #fff;
	height:80px;
	text-align:center;
	vertical-align:middle;
	width:80px;
}
#chess-board tr:nth-child(odd) td:nth-child(odd),
#chess-board tr:nth-child(even) td:nth-child(even) {
	background:#ccc;
	background:-moz-linear-gradient(top, #ccc, #eee);
	background:-webkit-gradient(linear,0 0, 0 100%, from(#ccc), to(#eee));
	box-shadow:inset 0 0 10px rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.4);
}
div.valid-moves{
float:left;
}
div#table-setting{
float:left;
}
</style>
</head>
<body>
<cfoutput>
#application.game.renderBoard(stateID)#
</cfoutput>
</body>
</html>